import styles from './index.module.less';

export default function TradeList() {
  const list = new Array(100).fill(1);

  return (
    <div className={`${styles.tradeListwrap} xxx`}>
      <div className={`${styles.tlistwrap} xxx`}>
        <div className={`${styles.trow} ${styles.th}`}>
          <div className={`${styles.tc}`}>委托价(USDT)</div>
          <div className={`${styles.tc} ${styles.tcm}`}>数量(USDT)</div>
          <div className={`${styles.tc} ${styles.tcr}`}>时间</div>
        </div>
        <div className={`${styles.tbody} xxx`}>
          {list.map((item: any, i: number) => (
            <div className={`${styles.trow} ${styles.trowsell}`} key={i}>
              <div className={`${styles.tc} color-green`}>104,766.3</div>
              <div className={`${styles.tc} ${styles.tcm}`}>9.87万</div>
              <div className={`${styles.tc} ${styles.tcr}`}>23:49:05</div>
            </div>
          ))}
        </div>
      </div>
      <div className={`${styles.xxx} xxx`}></div>
      <div className={`${styles.xxx} xxx`}></div>
      <div className={`${styles.xxx} xxx`}></div>
      <div className={`${styles.xxx} xxx`}></div>
      <div className={`${styles.xxx} xxx`}></div>
      <div className={`${styles.xxx} xxx`}></div>
      <div className={`${styles.xxx} xxx`}></div>
      <div className={`${styles.xxx} xxx`}></div>
    </div>
  );
}
